#{extends 'layout.html' /}
#{set title:messages.get('manualObjective.crear.nutri') /}

#{script 'jquery-ui-1.8.21.custom.min.js'/}
#{script 'jquery.ui.datepicker.js'/}
#{script 'jquery.ui.datepicker-es.js'/}
#{script 'datepicker.js'/}

<div id="crudBlank" class="${type.name}">
	
	<h2 id="crudBlankTitle">${title}</h2>
	
	<div class="objectForm">
		
		#{form action:@create(), enctype:'multipart/form-data', id:'objetivoManualForm'}
			
			#{field 'object.cumplidoObjetivoManual'}
				<input type="hidden" name="${field.name}" value="false" />
			#{/field}
			
			#{field 'object.paciente'}
				<input type="hidden" name="${field.name}" value="${userId}"  />
			#{/field}
			
			#{field 'object.nombreObjetivoManual'}
			<div class="crudField crud_text">
				<label for="object_nombreObjetivoManual">
					&{'manualObjective.nombre'}
				</label>
				<input id="object_nombreObjetivoManual" class="${field.errorClass}" type="text" name="${field.name}" value="${object.nombreObjetivoManual}" size="50" />
				#{ifError field.name}
					<span class="error">#{error 'object.nombreObjetivoManual' /}</span>
				#{/ifError}
				<span class="crudHelp">
					&{'formato.requerido'}
				</span>
			</div>
			#{/field}
			
			#{field 'object.pesoActualObjetivoManual'}
			<div class="crudField crud_number">
				<label for="object_pesoActualObjetivoManual">
					&{'manualObjective.pesoActual'}
				</label>
				<input id="object_pesoActualObjetivoManual" class="${field.errorClass}" type="text" name="${field.name}" value="${object.pesoActualObjetivoManual}" size="5" />
				#{ifError field.name}
					<span class="error">#{error 'object.pesoActualObjetivoManual' /}</span>
				#{/ifError}
				<span class="crudHelp">
					&{'formato.numero'}
				</span>
			</div>
			#{/field}
			
			#{field 'object.pesoDeseadoObjetivoManual'}
			<div class="crudField crud_number">
				<label for="object_pesoDeseadoObjetivoManual">
					&{'manualObjective.pesoDeseado'}
				</label>
				<input id="object_pesoDeseadoObjetivoManual" class="${field.errorClass}" type="text" name="${field.name}" value="${object.pesoDeseadoObjetivoManual}" size="5" />
				#{ifError field.name}
					<span class="error">#{error 'object.pesoDeseadoObjetivoManual' /}</span>
				#{/ifError}
				<span class="crudHelp">
					&{'formato.numero'}
				</span>
			</div>
			#{/field}
			
			#{field 'object.fechaLimiteObjetivoManual'}
			<div class="crudField crud_date">
				<label for="datepicker">
					&{'manualObjective.fechaLimite'}
				</label>
				<input id="datepicker" class="${field.errorClass}" type="text" name="${field.name}" value="${object.fechaLimiteObjetivoManual?.format('dd/MM/yyyy')}" size="10" />
				#{ifError field.name}
					<span class="error">#{error 'object.fechaLimiteObjetivoManual' /}</span>
				#{/ifError}
				<span class="crudHelp">
					&{'formato.fecha'}
				</span>
			</div>
			#{/field}
			
			#{deadbolt.restrict roles:[['PACIENTE']]} 
			<p class="crudButtons">
				<input type="button" name="_cancel" onClick="window.location='@{ManualObjectives.list}'" value="&{'manualObjective.cancelar'}" />
				<input type="submit" class="btn" name="_save" value="&{'crud.save', 'objetivo manual'}" />
			</p>
			 #{/deadbolt.restrict}

			#{deadbolt.restrict roles:[['NUTRI']]} 
			<p class="crudButtons">
				<input type="button" name="_cancel" onClick="window.location='@{Pacientes.list}'" value="&{'manualObjective.cancelar'}" />
				<input type="submit" class="btn" name="_save" value="&{'manualObjective.guardar'}" />
			</p>
			 #{/deadbolt.restrict}
		#{/form}
	
	</div>
</div>
